<template>
  <div>
    <div class="dy-header">
       <h3>特色课</h3>
       <van-icon name="search" @click="search"/>
    </div>
    <List></List>
  </div>
</template>

<script>
import List from '../components/course/List'
export default {
  name: '',
  data() { 
    return {

    }
  },
  props: [

  ],
  components:{
   List
  },
  mounted() {

  },
  methods:{
   search(){
      this.$router.push({
         path:'/search'
      })
   }
  },
 }
</script>

<style scoped>
.dy-header{
   background: #fff;
   width: 100%;
   height: 50px;
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   line-height: 50px;
   text-align: center;
   /* position: relative; */
   box-sizing: border-box;
   padding: 0 10px;
   z-index: 100;
}
.dy-header>h3{
  font-size: 18px;
  color: #595959;
}
.dy-header>.van-icon{
   position: absolute;
   right: 10px;
   top: 10px;
   font-size: 30px;
}
</style>